<jsp:include page="template/include-header.jsp"/>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="../js/jquery.googleTextTranslate.plugin.js"></script>	
<script type="text/javascript" src="../js/thickbox.js"></script>

<script>
/*script for the tabs*/
google.load("language", "1");
	$(document).ready(function() {
		
		//Default Action
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content

		//On Click Event
		$("ul.tabs li").click(function() {
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
			var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
			$(activeTab).fadeIn(); //Fade in the active content
			return false;
		});
		
		//Google Translate
		var options = {
				targetLanguage: 'zh-cn',
				translatedPrefix: '',
				translatedPostfix: '',
				fadeOutDelay: 800,
				autoClose: true
			};  
		$('#right_inner').textGoogleTranslate(options);
		
		
		
	});
</script>

<!-- start of left column -->

<div id="content" class="full_column"> 
	<div id="content_header">Conversation feeds<a href="contacts-add.do" class="awesome green medium">+ Send new message</a></div>
	<div id="content_padded">
		<div id="left_inner">
			<!-- Account tabs on the left -->
			<ul class="tabs">
		        <li><a href="#tab1">Account</a></li>
		        <li><a href="#tab2">Account 2</a></li>
		    </ul>
			<div class="tab_container2">
		        <div id="tab1" class="tab_content">
		        	<table class="display" id="contactlist">	
						<thead>
							<tr>
								<th>Subject</th>
								<th>Date</th>
							</tr>
						</thead>	
						<tbody>
							<tr>
								<td><div class="expandable"><p>Global Paradigmz has more to offer in terms of other services What is this message about? Could you provide more What is this message about? Could you provide more</p></div></td>
								<td>12/12/2011</td>
							</tr>
							<tr>
								<td>Bodado Begins Work</td>
								<td>12/11/2011</td>
							</tr>
							<tr>
								<td>MSIT E-Business</td>
								<td>12/10/2011</td>
							</tr>
							<tr>
								<td>MSIT E-Business</td>
								<td>12/10/2011</td>
							</tr>
							<tr>
								<td>MSIT E-Business</td>
								<td>12/10/2011</td>
							</tr>
							<tr>
								<td>MSIT E-Business</td>
								<td>12/10/2011</td>
							</tr>
							<tr>
								<td>MSIT E-Business</td>
								<td>12/10/2011</td>
							</tr>
						</tbody>			
					</table>
						        </div>
						        <div id="tab2" class="tab_content">
				           			Another Account Table
				        		</div>
		    </div>
		</div>
		
		<!--  Where the feeds will appear  -->
		<div id="right_inner">
			<div id="message_feed_column">
			<select name="targetLanguage" id="GoogleTranslate_targetLanguage" onchange="doSubmit('action:SelectTargetLanguage', 'Submit', 'GoogleTranslate');">
    				<option value="zh-cn" selected="selected">Chinese Simplified</option>
    		 </select><br/><br/>
    		 
				<div id="message_main_header"></div>
				<div id="message_feed_header">From: Danny Tan<br/>Subject Title</div>
					<div id="message_content">
						<p>Hopes fade of compromise over whaling prospects of a compromise deal between whaling countries and their opponents appear to be receding. Two days of private talks at the International Whaling Commission (IWC) meeting here yielded little progress. Delegates told BBC News there were even suggestions that the "peace talks" should be extended into a third year. The controversial compromise package would cut Japan's Antarctic hunt and put existing whaling programmes under international oversight. But many see it as legitimising the whaling operations of Iceland, Japan and Norway. Commercial whaling has been banned since 1986. But Iceland and Norway have lodged official objections to that decision and continue to hunt commercially, while Japan uses a regulation permitting hunting for scientific research.</p>
						<a href="conversation-details.do?keepThis=true&TB_iframe=true&height=400&width=800" title="Add notes" class="thickbox">Add a note to this message</a>  
					</div>
					
			</div>
			
			<div id="message_feed_column">
				<div id="message_main_header"></div>
				<div id="message_feed_header">From: Danny Tan<br/>Subject Title</div>
					<div id="message_content">
						<p>Hopes fade of compromise over whaling prospects of a compromise deal between whaling countries and their opponents appear to be receding. Two days of private talks at the International Whaling Commission (IWC) meeting here yielded little progress. Delegates told BBC News there were even suggestions that the "peace talks" should be extended into a third year. The controversial compromise package would cut Japan's Antarctic hunt and put existing whaling programmes under international oversight. But many see it as legitimising the whaling operations of Iceland, Japan and Norway. Commercial whaling has been banned since 1986. But Iceland and Norway have lodged official objections to that decision and continue to hunt commercially, while Japan uses a regulation permitting hunting for scientific research.</p>
						<a href="conversation-details.do?keepThis=true&TB_iframe=true&height=400&width=800" title="Add notes" class="thickbox">Add a note to this message</a>  
					</div>
					
			</div>
		</div>
	</div>
</div>

<!-- end of left column -->


<jsp:include page="template/include-footer.jsp"/>


